<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        *{padding: 0;margin: 0;}
        .card{
            background-color: pink;
            margin: 100px;
            display: flex;
            flex-wrap: wrap;
            text-align: center;
            width: 230px;
        }
        .card a{
            width: 33.33%;
            background-color: #5F5750;
            padding: 20px 0 15px 0;
            text-decoration: none;
            color: #ffffff;
            font-size: 14px;

            position: relative;
        }
        .card a::before{
            content: "";
            position: absolute;
            width: 2px;
            background-color: #ffffff;
            right: 0;
            top: 7%;
            height: 86%;
        }
        .card a::after{
            content: "";
            position: absolute;
            width: 82%;
            background-color: #ffffff;
            height: 2px;
            left: 9%;
            bottom: 0;
        }
        .card a img{
            height: 20px;
        }
        .card .noRight::before{
            display: none;
        }
        .card .noBottom::after{
            display: none;
        }
        
    </style>
    <div class="card">
        <a href="#">
            <img src="./imgs/sim-card.png" alt="">
            <p>米粉卡</p>
        </a>
        <a href="#">
            <img src="./imgs/sim-card.png" alt="">
            <p>米粉卡</p>
        </a>
        <a href="#" class="noRight">
            <img src="./imgs/sim-card.png" alt="">
            <p>米粉卡</p>
        </a>
        <a href="#" class="noBottom">
            <img src="./imgs/sim-card.png" alt="">
            <p>米粉卡</p>
        </a>
        <a href="#" class="noBottom">
            <img src="./imgs/sim-card.png" alt="">
            <p>米粉卡</p>
        </a>
        <a href="#" class="noRight noBottom">
            <img src="./imgs/sim-card.png" alt="">
            <p>米粉卡</p>
        </a>
    </div>
</body>
</html>